<template>
	<tm-fullView>
		<tm-menubars title="显示分享面板" color="bg-gradient-primary-lighten" :showback="true"></tm-menubars>
		<tm-sheet :shadow="24">
			<tm-button @click="show=true;">显示分享面板</tm-button>
			<tm-button theme="bg-gradient-blue-accent"  @click="show3=true;">自定义分享面板</tm-button>
			<tm-shareSheet :black='false' @change="onclick"  v-model="show"></tm-shareSheet>
		</tm-sheet>
		<tm-shareSheet @change="onclick" :actions="list" title="自定义分享面板"  v-model="show3"></tm-shareSheet>
		
		<tm-sheet black :shadow="24">
			<view class="pa-12 text-size-s text-weight-b  mb-32 bk">暗黑模式</view>
			<tm-button black @click="show2=true;">显示分享面板</tm-button>
			<tm-shareSheet @change="onclick" black v-model="show2"></tm-shareSheet>
		</tm-sheet>
	</tm-fullView>

</template>

<script>
	import tmFullView from "@/tm-vuetify/components/tm-fullView/tm-fullView.vue"
	import tmMenubars from "@/tm-vuetify/components/tm-menubars/tm-menubars.vue"
	import tmSheet from "@/tm-vuetify/components/tm-sheet/tm-sheet.vue"
	import tmShareSheet from "@/tm-vuetify/components/tm-shareSheet/tm-shareSheet.vue"
	import tmButton from "@/tm-vuetify/components/tm-button/tm-button.vue"
	export default {
		components:{tmFullView,tmMenubars,tmSheet,tmShareSheet,tmButton},
		data() {
			return {
				show:false,
				show2:false,
				show3:false,
				list:[
					[
						{name:"微信",bgcolor:"#07c160",icon:"icon-weixin",color:"white"},
						{name:"朋友圈",bgcolor:"#04c887",icon:"icon-pengyouquan",color:"white"},
						{name:"微博",bgcolor:"#e91e38",icon:"icon-weibo",color:"white"},
						{name:"QQ",bgcolor:"#1dc0fd",icon:"icon-QQ",color:"white"},
						
					]
				]
			}
		},
		methods: {
			onclick(e){
				uni.$tm.toast(`你点击了${JSON.stringify(e)}`)
			}
		}
	}
</script>

<style>

</style>
